function setRem(): void {
	console.log('setRem triggered, window width:', window.innerWidth) // 添加日志

	// const baseSize: number = 16 // 默认基础字体大小
	// const targetResolution: number = 1920 // 目标分辨率
	// const viewportWidth =
	// 	window.innerWidth || document.documentElement.clientWidth // 兼容处理
	const viewportHeight = window.screen.height

	// let fontSize: number

	// // 分辨率小于 1920 时 默认14px
	// if (viewportWidth < targetResolution) {
	// 	document.documentElement.style.setProperty('--global-font-size', `14px`)
	// }
	// // 分辨率等于 1920 时 默认 16px
	// else if (viewportWidth === targetResolution) {
	// 	document.documentElement.style.setProperty('--global-font-size', `16px`)
	// }
	// // 分辨率大于 1920 时 动态计算
	// else {
	// 	const scale: number = viewportWidth / targetResolution

	// 	fontSize = baseSize * scale

	// 	// 使用 Math.round() 确保字体大小是整数
	// 	fontSize = Math.round(fontSize)

	// 	// 设置 --global-font-size 为计算后的 fontSize 值
	// 	document.documentElement.style.setProperty(
	// 		'--global-font-size',
	// 		`${fontSize}px`
	// 	)
	// }

	if (viewportHeight < 1080) {
		const height = (76 * viewportHeight) / 1080
		document.documentElement.style.setProperty('--global-height', `${height}vh`)
	}
}

// 防抖函数
function debounce<T extends (...args: any[]) => any>(
	func: T,
	wait: number
): (...args: Parameters<T>) => void {
	let timeout: ReturnType<typeof setTimeout> | null = null

	return function (...args: Parameters<T>): void {
		console.log('Debounce triggered') // 添加日志
		if (timeout !== null) {
			clearTimeout(timeout)
		}
		timeout = setTimeout(() => {
			func.apply(this, args)
		}, wait)
	}
}

const debouncedSetRem = debounce(setRem, 150) // 150ms 的延迟

// 初始化时立即执行
setRem()
document.addEventListener('DOMContentLoaded', setRem)
window.addEventListener('resize', debouncedSetRem)

window.addEventListener('resize', () => {
	console.log('Window resized')
})
